$(function () {
    $(".china").css("backgroundColor", "#fff");
    $(".aside").css("backgroundColor", "transparent");

    $(".china").on("click", function () {
        location.href = "travels1.html";
    })
    $(".aside").on("click", function () {
        location.href = "travels2.html";
    })

    // 中国轮播
    function china() {
        var cutItm = 0;
        var imgLength = 15;

        function autoPlay() {
            cutItm++;
            if (cutItm > imgLength) {
                cutItm = 0;
            }
            $(".bd_c4l li").removeClass("bd_cutLi");
            $(".bd_c4l li").eq(cutItm).addClass("bd_cutLi");
            var leftVal = cutItm * 268;
            $(".bd_long").animate({
                left: -leftVal
            }, 500);
        }

        var timeer = setInterval(autoPlay, 3000);
        $(".bd_c4l,.bd_c4top").hover(function () {
            clearInterval(timeer)
        }, function () {
            timeer = setInterval(autoPlay, 3000);
        });

        $(".bd_c4l li").click(function () {
            cutItm = $(".bd_c4l li").index(this);
            $(".bd_c4l li").removeClass("bd_cutLi");
            $(this).addClass("bd_cutLi");
            var leftVal = cutItm * 268;
            $(".bd_long").animate({
                left: -leftVal
            }, 500);
        });
        $(".bd_lbtn").click(function () {
            cutItm--;
            if (cutItm < 0) {
                cutItm = imgLength;
            }
            $(".bd_c4l li").removeClass("bd_cutLi");
            $(".bd_c4l li").eq(cutItm).addClass("bd_cutLi");
            var leftVal = cutItm * 268;
            $(".bd_long").animate({
                left: -leftVal
            }, 500);
        });
        $(".bd_rbtn").click(function () {
            cutItm++;
            if (cutItm > imgLength) {
                cutItm = 0;
            }
            $(".bd_c4l li").removeClass("bd_cutLi");
            $(".bd_c4l li").eq(cutItm).addClass("bd_cutLi");
            var leftVal = cutItm * 268;
            $(".bd_long").animate({
                left: -leftVal
            }, 500);
        });
    }
    china();
})